<template>
  <div class="container-fluid" style="opacity: 1; background-color: white;">
    <div class="row" style="margin-top: 0px;">
      <div class="col-1">
        <br>
        <h3>选项</h3>
      </div>
      <div class="col-9 d-flex justify-content-start" style="height: 10%; margin-top: 1%;"> <!-- 确保这里是 Flex 容器 -->
          <input type="text" class="form-control-sm" placeholder="在设置中搜索">
      </div>
      <div class="col-2 d-flex  justify-content-end"> <!-- 按钮右对齐 -->
        <button>恢复默认设置</button>
      </div>
      <hr>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';

export default defineComponent({
  name: 'TopSide',
});
</script>